<div class="modal-content">
    <div class="modal-header">
        <h3>课程阶段</h3>
        <span class="close">&times;</span>
    </div>
    <div class="modal-body">
        <form id="stage-form" enctype="multipart/form-data">
            <input type="hidden" id="stage-id" name="id">
            
            <!-- 阶段标题 -->
            <div class="form-group">
                <label for="stage-title">阶段标题:</label>
                <input type="text" id="stage-title" name="title" required class="form-control" placeholder="请输入阶段标题">
            </div>

            <!-- 简介 -->
            <div class="form-group">
                <label for="stage-synopsis">简介:</label>
                <textarea id="stage-synopsis" name="synopsis" rows="4" class="form-control" placeholder="请输入阶段简介"></textarea>
            </div>

            <!-- 封面图片 -->
            <div class="form-group">
                <label for="stage-cover">封面图片:</label>
                <input type="file" id="stage-cover" name="cover" accept="image/*" class="form-control-file">
                <div class="file-preview" id="stage-cover-preview"></div>
            </div>

            <!-- 按钮组 -->
            <div class="form-group">
                <button type="submit" class="btn primary">保存</button>
                <button type="button" class="btn" id="cancel-stage">取消</button>
            </div>
        </form>
    </div>
</div>